@mixin boxSizing{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
$red: #F63515;
.recommend-list {
    display       : flex;
    flex-shrink   : 0;
    flex-wrap     : wrap;
    width         : 100%;
    margin-top    : 30rpx;
    padding-bottom: 150rpx;
    @include boxSizing;
    background: #fff;

    .recommend-item {
        display       : flex;
        flex-direction: column;
        width         : 50%;
        padding       : 20rpx;
        @include boxSizing;
        border-bottom: 1rpx solid #dcdcdc;

        .recommend-item:nth-child(2n-1) {
            border-right: 1rpx solid #dcdcdc;
        }

        image {
            width : 100%;
            height: 290rpx;
            margin: 0 auto;
        }

        text {
            height     : 60rpx;
            padding    : 20rpx 0;
            font-size  : 26rpx;
            line-height: 40rpx;
            color      : #333;
            overflow   : hidden;
        }

        text {
            font-style: normal;
            font-size : 32rpx;
            color     : $red;
        }
    }
}